<template>
	<view class="container">
		<view class="swiper">
			<swiper :indicator-dots="true" indicator-color="rgba(255, 255, 255)" indicator-active-color="#e37345" :autoplay="true" :circular="true" interval="2000">
				<swiper-item v-for="(item, index) in swiperList" :key="index">
					<view class="swiper-item">
						<image :src="item.src"></image>
					</view>
				</swiper-item>
			</swiper>
		</view>
	</view>
</template>

<script scoped>
	export default {
		name:"swiperlist",
		props: {
			swiperList: {
				type: Array,
				default: [],
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style>
.swiper{
	margin-top: 30rpx;
	box-sizing: border-box;
	padding: 0 20rpx;
}
.swiper swiper{
	height: 400rpx;
}
.swiper swiper swiper-item{
	width: 100%;
	height: 100%;
}
.swiper swiper swiper-item .swiper-item{
	width: 100%;
	height: 100%;
}
.swiper swiper swiper-item .swiper-item image{
	width: 100%;
	height: 100%;
}
</style>
